$navbar-default-bg: #312312;
$general_color_1: #45AAC7; /*ligh Blue*/
$general_color_2: #3C7B99; /*dark Blue*/
$background_color: #F1F1F1;
$nav-font: 'Nunito', Arial, sans-serif;



@import url(http://fonts.googleapis.com/css?family=Nunito);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

body {
  padding-top: 60px;
  background-color: $background_color;
}



h1{
  color: #868585;
  font-family: 'Ubuntu',Tahoma,sans-serif;
  font-size: 1.2em;
  margin-bottom: 5px;
}

h2 {
font-family: 'Roboto Condensed', sans-serif;
line-height: 0;
color: #3a3a3a;
font-weight: 300;
font-size: 1.4em;
}

h3{
font-size: 1.2em;
color: rgba(255, 255, 255, 0.8);
line-height: 1;
}

.section_title{
  border-bottom: 1px solid #cccccc;
  display: inline-block;
} 

/*nav*/

nav{
  font-size: 1.2em;
  font-family: $nav-font;
  

  ul{
    padding-top: 0.5em;
  }

}

#barra-nav{
  /*border-bottom: solid 3px $general_color_1;*/
}
 

/*projects*/

#projects {
padding-bottom: 5em;
}

.project_container {
display: inline-block;
margin-top: 2em;
margin-right: 1.6em;
width: 14em;
background: #fcfcfc;
max-height: 25em;
border-bottom: 9px solid #E7E9E9;
.half_container{
  text-align: center;
  border-bottom: 1px dotted #e9e9e9;
}
.half_top{
text-align: center;
border-bottom: 1px dotted #e9e9e9;

.module_image_wrap {
padding-right: 2em;
padding-left: 2em;
background-color: rgb(83, 83, 83);
}
}

  .half_bottom{
  min-height: 10em;
  padding: 0px 20px;
  text-align: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #e9e9e9;
    .project_title {
     color: #666;
    }
    .shortDesc{
    min-height: 4em;
    }
}

::selection {
background: #3498db;
}

}

.project_container:hover .half_bottom{ 
  border-bottom: 4px solid $general_color_1;
}

.project_container:hover {
    border-bottom: none;


    .module_image_wrap {
    background-color: #353434;
    cursor:pointer;
    }
} 

/*forms*/
#error_explanation {
  color: #f00;
  ul {
    list-style: none;
    margin: 0 0 18px 0;
  }
}

.field_with_errors {
  @extend .control-group;
  @extend .error;
}

/* buttons*/

.btn , .btn-theme{
  background-color: $general_color_2;
  border-radius: 0px;
  color: white;
  font-size: 10px;
  
  }
  .btn:hover, .btn:focus{
    color:white;
    background-color: $general_color_1;
  }

/* footer */

footer {
margin-top: 4em;
padding-top: 1em;
color: #aaa;
border-top: 5px solid #212325;
background: #2d3032;
}

footer .bottom-line {
width: auto;
padding: 20px;
background: #212325;
}


/* miscellaneous */

.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}

#wrap{
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px 9.6%;
}